@extends('admin.base')
@section('content')
    <!--面包屑角色 开始-->
    <div class="crumb_warp">
        <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
        <i class="fa fa-home"></i> <a href="#">首页</a> &raquo; <a href="#">角色管理</a> 
    </div>
    <!--面包屑角色 结束-->

    <!--结果页快捷搜索框 开始-->
    
    <!--结果页快捷搜索框 结束-->

    <!--搜索结果页面 列表 开始-->
    <form action="#" method="post">

        <div class="result_wrap">
            <div class="result_content">
                <table class="list_tab">
                    <tr>

                        <th class="tc">ID</th>
                        <th>角色名称</th>

                        <th>操作</th>
                    </tr>
                    @foreach($data as $v)
                        <tr>
                            <td class="tc">{{$v->id}}</td>
                            <td>
                                {{$v->name}}
                            </td>
                            <td>
                                <a href="{{url('admin/role/'.$v->id.'/edit')}}">修改</a>
                                <a href="javascript:;" onclick="delUser({{$v->id}})">删除</a>
                                <a href="{{url('admin/roleshow/'.$v->id)}}">分配权限</a>
                            </td>
                        </tr>
                    @endforeach
                </table>
            </div>
        </div>
    </form>

    <!--搜索结果页面 列表 结束-->

    <script>

        function delUser(userid){
            //询问框
            layer.confirm('是否确认删除？', {
                btn: ['确定','取消'] //按钮
            }, function(){

                $.post("{{url('admin/role/')}}/"+userid,{'_method':'delete','_token':"{{csrf_token()}}"},function(data){
                    if(data.status == 0){
                        location.href = location.href;
                        layer.msg(data.msg, {icon: 6});
                    }else{
                        location.href = location.href;
                        layer.msg(data.msg, {icon: 5});
                    }


                });

            }, function(){

            });

        }



    </script>
@endsection